<template lang="">
    <div class="container">
     <a-card :title="content_card_title" style="background-color: #ececec; padding: 20px;">
        <a-row :gutter="16">
            <a-col :span="8" class="item" v-for="(item, idx) in content_card_items" :key="idx">
                <a-card :title="item.info" :bordered="false">
                    <p>图文信息：{{item.info}}</p>
                    <template slot="actions">
                        <a-icon key="ellipsis" type="ellipsis" @click="toDetail(item.router_path)"/>
                    </template>
                </a-card>
            </a-col>
        </a-row>
    </a-card>
    </div>
</template>
<script>
export default {
    props:{
        content_card_title: null,
        content_card_items: null,
    },
    methods:{
        toDetail(router_path){
            console.log("to: ", router_path)
            this.$router.push(router_path)
        }
    },
    created(){
        console.log(this.content_card_title, this.content_card_items)
    }
}
</script>
<style lang="less" scoped>
.container{
    padding: 30px 50px;
}

.item{
   margin-top: 20px; 
}
</style>